@charset "utf-8";
html,
body{
    width: 100%;
    height: 100%;
    background: #fff;
    color: #666;
}
body{
    font-family: 'helvetica neue',arial,'hiragino sans gb','microsoft yahei',sans-serif;
    font-weight: normal;
    font-size: .6rem;
}
a{
    color: #fff;
    text-decoration: none;
    display: block;
}
img{
    display: block;
}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="tel"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;} 
.clearfix:before, .clearfix:after{
  content: "";
  display: table;
}
.oh{
    overflow: hidden!important;
}
.mcover{
  width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.85);
  overflow: hidden;
  display: none
}

#share_url img{
  width: 50%;
  position: absolute;
  top: 1rem;
  right: .8rem;
}

.jbPhoneTip{
  position:fixed;
  top:-80px;
  left:5%;
  z-index:1999;
  width:90%;
  padding:10px 0px;
  background-color:#ddd;
  border:1px solid #b10000;
  margin:auto;
  border-radius:8px;
  color:#222;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  border:2px solid #fff;
}

.swiper-container {
  width: 100%;
  height: 7.6rem;  /*height自适应 暂时解决下bug*/
  padding-bottom: .6rem;
  background: #f7f7f7;
  border-bottom: 1px solid #e2e2e2;
}

.wrap.card{
  width: 100%;
  overflow: hidden;
} 
.swiper-slide img {
  display: block;
  width: 100%
}

.swiper-pagination {
  width: 100%;
  position: relative!important;
  left: 0;
  }

.swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-bullet {
  background: #bebebe
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #666
}
.goods_list{
  width: 100%;
  overflow: hidden;
  margin-top: 1rem;
  background: #fff;
  border-top: 1px solid #e2e2e2;
  padding-top: 1rem;  
}
.goods_list li{
  width: 50%;
  height: 2.1rem;
  float: left;
  box-sizing:border-box;
  overflow: hidden;
  margin-bottom: 1rem;
}
.goods_list li a{
  width: 100%;
  height: 100%;
}
.goods_list li:nth-child(odd) {
  border-right: 1px #e2e2e2 solid;
}
.goods_list li .goods_img{
  width: 2rem;
  height: 2rem;
  float: left;
  margin-left: .8rem;
}
.goods_list li .good_con{
  float: right;
  width: 4.8rem;
  margin-left: .3rem;
}
.goods_list li .good_con h5{
  font-size: .7rem;
  color: #333;
}
.goods_list li .good_con .dec{
  color: #666;
  padding-top: .15rem;
}
.notice_box{
  width: 15rem;
  line-height: 2rem;
  margin: .5rem auto .35rem;
  box-shadow: 2px 2px 3px #f7d2cc;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  border-top: 1px solid #f7efee;
  border-left: 1px solid #f7efee;
}
.notice_box .icon{
  width: 1.4rem;
  height: 1.4rem;
  background: url(../img/notice.png) no-repeat;
  background-size: 100% 100%;
  margin: .3rem 0 0 .5rem;
  float: left;
}
.notice_box .text{
  color: #666;
  margin-left: .5rem;
  float: left;
  font-size: .5rem;
}
.wrap.pay{
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background: #f7f7f7 url(../img/bg_shape.png) no-repeat;
  background-size: 100%;
}
.goods_area{
  width: 15rem;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  margin: .5rem auto 0;
  padding-bottom: .5rem;
  box-shadow: 2px 1px 5px #f7d2cc;
}
/*pay ok*/
.pay_suc_icon{
  width: 4.3rem;
  height: 4.3rem;
  background: url(../img/pay_suc_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 1.2rem auto 0;
}
.pay_suc_text{
  font-size: 1rem;
  color: #6ebe6e;
  line-height: 2rem;
  font-weight: 500;
}
.pay_suc_dec{
  font-size: .7rem;
  color: #666;
  line-height: 1.2rem;
}
.pay_suc_list{
  width: 12.8rem;
  overflow: hidden;
  margin: 1.2rem 0 0 2.2rem;
}
.pay_suc_list li{
  line-height: 1.3rem;
  font-size: .7rem;
}
.pay_suc_list li .pay_price{
  color: #ff5a3d;
}
.pay_href{
  width: 13.6rem;
  overflow: hidden;
  margin: 1rem auto;
  text-align: center;
}
.pay_href li a{
  width: 100%;
  line-height: 2rem;
  margin-bottom: .8rem;
  font-size: .9rem;
}
.pay_href li:nth-child(1) a{
  background: url(../img/buy_btn_bg.png) no-repeat;
  background-size: 100% 100%;
}
.pay_href li:nth-child(2) a{
  background: url(../img/order_btn_bg.png) no-repeat;
  background-size: 100% 100%;
}
.goods_area .name{
  margin-top: .7rem;
  line-height: 1rem;
}
.goods_area .price{
  margin-top: .7rem;
  color: #ff5a3d;
  font-size: 1rem;
  font-weight: 700;
}
.goods_order{
  width: 100%;
  background: #fff;
  margin-top: .8rem;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.goods_order ul li{
  width:100%;
  line-height: 2rem;
  overflow: hidden;
}
.goods_order ul li .label{
  float: left;
  margin-left: 1rem;
  font-weight: 700;
}
.goods_order ul li .con{
  float: right;
  margin-right: 1rem;
}
.goods_order ul li .con .price{
  color: #ff5a3d
}

.goods_info{ 
  width: 13.6rem;
  overflow: hidden;
  margin: .8rem auto;
  }
.goods_info ul li{
    width: 100%;
    overflow: hidden;
    margin-bottom: .5rem;
    line-height: 1.5rem;
  }
.goods_info ul li .label{
  width:2.9rem; 
  float: left;
} 
.form-group{
  width:10.5rem; 
  overflow: hidden;
  float: right;
  position: relative;
} 
.form-group .js-form-input{ 
  width:100%; 
  padding: .4rem 0 .4rem 0;
  border-radius: 5px;
  color: #666;
  outline: none;
  text-align:center;
  border: 1px solid #ccc;
  box-sizing:border-box;
}
.form-group .js-form-input-a{
  width: 54%;
  padding: .4rem 0 .4rem 0;
  color: #666;
  outline: none;
  text-align:center;
  border: 1px solid #ccc;
  border-radius: 5px;
  float: left;
  box-sizing:border-box;
}
.form-group .form-send{ 
   width:44%; 
   line-height: 1.5rem;
   color: #666;
   text-align: center;
   background: #ededed;
   border: 1px solid #ccc;
   outline: none;
   float: right;
   border-radius: 5px;
   box-sizing:border-box;
 }
 .clear_notice{
  clear: both;
  margin-top: .35rem;
  display: inline-block;
 }
 .form-group .m_notice_txt{
  padding-left: .3rem;
  line-height: 1.2rem;
 }
.goods_info .submit{
   width:100%;
   height:1.8rem;
   color: #fff;
   line-height: 1.8rem;
   font-size: .9rem;
   background-color: #ff5a3d; 
   text-align: center;
   border-radius: 5px;
   border: none;
   outline: none;
 }